<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
     <TITLE>Page-Break-After - Cascading Style Sheets Properties</TITLE>
     <link rel="stylesheet" type="text/css" href="../../../ss/2.css" id="thecss">
     <script type="text/javascript" src="../../../scripts/csschange.js"></script>
</HEAD>

<BODY onload="readSS()">

<br>
<center>
<table border=3 cellpadding=5 cellspacing=0>
<tr>
    <td rowspan=2><h1 class="pagetitle">page-break-after</h1>
    <b><a href="../../../misc/suppkey.htm">Support Key:</a></b>
    [<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>] 
    [<b><i class="fs">IE4</i></b>|<b class="s">N7</b>|<b class="s">O3.5</b>|<b class="s">S1.2</b>]<br></td>
    <td colspan=2 align=center><b class="alert">Other Printing Properties</b><br></td>
</tr>
<tr>
    <td valign=top><a href="pbbefore.htm">page-break-before</a><br>
    <a href="pbinside.htm">page-break-inside</a><br>
    <a href="page.htm">page</a><br>
    <a href="marks.htm">marks</a><br></td>
    <td valign=top><a href="size.htm">size</a><br>
    <a href="widows.htm">widows</a><br>
    <a href="orphans.htm">orphans</a><br></td>
</tr>
<tr><td align=center colspan=3>
<font size=2>= <span class="sitetitle">Index DOT Css</span> by <a 
href="../../../misc/email.htm">Brian Wilson</a> =</font><br>
</td></tr>
</table>
</center>

<div align="center">
<table cellpadding=5 cellspacing=0>
<tr>
    <td>&#160;&#160;<font size=2><a href="../../index.html">Main Index</a> |
        <a href="../../propindex/font.htm">Property Index</a> |
        <a href="../../supportkey/syntax.htm">CSS Support History</a> |
        <a href="../../../history/browsers.htm">Browser History</a></font>&#160;&#160;</td>
</tr>
</table>
</div>
<hr size=1 align="center" width="25%">

<br><br>
<table border=1 cellspacing=0 cellpadding=5>
<tr><td>
<table border=0 cellspacing=0 >
<tr>
    <th colspan=3 valign=bottom class="field"><big><u><b
        class="colheaders">&#160;&#160;&#160;Quick Statistics&#160;&#160;&#160;</b></u></big><br></th>
</tr>
<tr><th align=left><b class="l3heading">Default Value: </b><br></th>
    <td rowspan=6>&nbsp;&nbsp;</td>
    <td><b class="alert">auto</b></td></tr>
<tr><th align=left><b class="l3heading">Applicable Elements: </b><br></th>
    <td>Block elements</td></tr>
<tr><th align=left><b class="l3heading">Inherit From Parent: </b><br></th>
    <td>No</td></tr>
<tr><th align=left><b class="l3heading">Applicable Media: </b><br></th>
    <td>Visual, Paged</td></tr>
<tr><th align=left><b class="l3heading">HTML Equivalent: </b><br></th>
    <td>NA</td></tr>
<tr><th align=left valign=top><b class="l3heading">Official Docs: </b><br></th>
    <td><a href="http://www.w3.org/TR/REC-CSS2/page.html#page-break-props">CSS2: Sect. 13.3.1</a>, 
        <a href="http://www.w3.org/TR/CSS21/page.html#page-break-props">CSS2.1: Sect 13.3.1</a><br>
        <a href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/pageBreakAfter.asp">Microsoft 
        MSDN Reference</a></td></tr>
</table>
</td></tr>
</table>

<dl>
<dt><big><b class="mainheading">What is it?</b></big>
    <dd>This property specifies the page-breaking behavior that should occur
        after an element box and on what side of the page the content that
        follows should resume on. Page breaks are not allowed in absolutely
        positioned elements.
        <br><br>

        CSS2 "suggests" when page-breaking should occur:<br>
        <ul type="disc">
        <li>Page-breaking should occur as few times as possible.
        <li>Page-breaking should be avoided inside these elements:
            tables, floated elements and block elements with borders.
        <li>Pages that are not forced to break should have approximately
            the same height.
        </ul>
</dl>

<dl>
<dt><br><big><b class="mainheading">Allowed Values</b></big>
<dt><b class="subheading">inherit</b></dt>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>] 
    [<b><i class="fs">O4</i></b>|<b class="s">S1.2</b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        Explicitly sets the value of this property to that of the parent.</dd>

<dt><b class="subheading">auto</b></dt>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>] 
    [<b><i class="fs">IE4</i></b>|<b class="s">N7</b>|<b class="s">O3.5</b>|<b class="s">S1.2</b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        Insert a page break after the element as necessary.</dd>

<dt><b class="subheading">avoid</b></dt>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>] 
    [<b><i class="fs">O3.5</i></b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        Avoid inserting a page break after the current element box.</dd>

<dt><b class="subheading">left|right</b></dt>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>] 
    [<b><i class="fs">IE4</i></b>|<b class="s">O3.5</b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        <b class="alert">left:</b> Force one or two page breaks after the current 
        element box until a blank left page is reached.<br>
        <b class="alert">right:</b> Force one or two page breaks after the current 
        element box until a blank right page is reached.</dd>

<dt><b class="subheading">always</b></dt>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>] 
    [<b><i class="fs">IE4</i></b>|<b class="s">N7</b>|<b class="s">O3.5</b>|<b class="s">S1.2</b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        Always force a page break after the current element box.</dd>

<dt><b class="subheading">[empty string]</b></dt>
<dt>[<b><i class="fs">IE5</i></b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        No property value is used in this case. A page break is not inserted
        before the current element box.</dd>
</dl>

<dl>
<dt><big><b class="mainheading">Example</b></big>
    <dd><div class="example">Ext/Doc: <b class="selector">p</b> {
        <span class="property">page-break-after:</span> always }</div>
    <dd><div class="example">In-Line: &lt;<b class="tagname">p</b>
        <span class="tagattrib">STYLE</span>=&quot;<span class="property">page-break-after:</span>
        always&quot;&gt;test text in the paragraph&lt;/<b class="tagname">p</b>&gt;</div>
</dl>

<big><b class="mainheading">Notes</b></big>
<ul>
    <li>Before its inclusion in CSS2, this property was first proposed in the W3C
        Working Draft "CSS Printing Extensions" (6/26/97,
        <a href="http://www.w3.org/TR/WD-print">http://www.w3.org/TR/WD-print</a>)
</ul>

<big><b class="mainheading">Browser Peculiarities</b></big>
<ul>
    <li>Internet Explorer reference: "If there are conflicts between this property
        and the page-break-before value on the previous [element box], the value
        that results in the largest number of page breaks will be used."
    <li>The IE 4.0 reference material listed support for "auto",
        "left" and "right" values. The IE 5.0 reference material only listed
        "always" and "" (empty string) as valid, but now it says that "auto", "left"
        and "right" <em>ARE</em> supported.
    <li>IE's documentation says that values of "left" and "right" are treated like "always."
    <li>Internet Explorer 4.0: This property has no effect on the BR element.
        It does in IE 5.0.
    <li>Although Netscape 7.x now supports this property in a limited fashion, looking 
        at bugzilla it appears there are a few bugs (such as problems with breaking
        in tables and applying the property using CSS classes.)
</ul>

<br><br>
<a href="../../../misc/copyright.htm">Boring Copyright Stuff....</a>
<br>

</BODY>
</HTML>